﻿@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3
{ margin: 0; padding: 0; font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;display:block;max-width: 100%;}
.clear { clear:both;}
a{text-decoration:none;outline:0;}
center{padding:20px 0;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;width:232px;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
/* top */
.top{width:980px;height:110px;margin:0 auto;overflow: hidden;}
.logo{float:left;margin-top:39px;}
.top_tel{float: right;padding: 19px 0px 0px 14px;font-size: 12px;color: #9C9C9C;width: 250px;height: 22px;border:1px solid #dfe1e3;border-radius: 15px;position: relative;top: -20px;right: 0;font-family: "Microsoft YaHei";}
.top_tel img{display: -webkit-inline-box;}
.top_tel .tel{margin: 8px 17px 0 0;float: right;}
.nav_bg{width:100%;height:59px;background:#19588b}
.nav{width:980px;height:59px;margin:0 auto;}
.nav li{width:108px;height:59px;float:left;position: relative;font:16px/59px "microsoft yahei";color:#fff;text-align:center;z-index:11;}
.nav li a{color:#fff;display:block;width:108px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.nav li ul{position:absolute;top:59px;left:0;width:108px;background:url(../images/navbg.png) 0 0 repeat;z-index:99;display:none}
.nav li li{height:40px;border-bottom:1px solid #074578;font:14px/40px "microsoft yahei";}
.banner { width: 100%; height: 419px; position: relative; overflow:hidden;}
.banner img{display:block;margin:0 auto;}
.banner .num { overflow:hidden; height: 15px; position: absolute; bottom:21px; left: 43%; zoom:1; z-index:3 }
.banner .num li { width: 67px; height: 10px;background: #fff; margin-right: 10px;cursor:pointer; float: left;font-size:0;overflow: hidden;}
.banner .num li.on {background:#19588b;}
.marquee_bg{width:100%;height:77px;background:#19588b}
.marquee{width:980px;height:77px;margin:0 auto;overflow: hidden;}
.mar_left{float:left;width:686px;height:77px;overflow: hidden}
.mar_left p{float:left;width:108px;height:77px;text-align:right;font:700 18px/77px "microsoft yahei";color:#fff;}
.mar_left marquee{float:left;width:570px;height:77px;font:14px/77px "microsoft yahei";color:#bdd3e5}
.search{width: 192px;height:35px;float:right;overflow:hidden;margin-top:22px;}
.text{width:151px;float:left;font:14px/21px 'microsoft yahei';color:#00a0d2;text-indent:15px;height:21px;padding:7px 0;border:0;background:url(../images/text.jpg) 0 0 no-repeat;*height:21px;}
.select{float:left;width:81px;border:0;background:url(../images/select.jpg) 0 0 no-repeat;}
.btn{float:left;background:url(../images/button.jpg) no-repeat 0 0;width:40px;height:35px;border:0;cursor:pointer}
.select select{margin:5px auto;width:81px;}
.searchBar span{ float:right; margin-top:6px;}
.searchBar span a{ color:#666; margin-right:8px;}
.searchBar span a:hover{ color:#ef9b11;}
.searchBar .select {float:left; margin-top:1px; display:inline; margin-right:8px;}
.searchBar .text {float:left;}
.searchBar .text input{width:302px; padding-top:3px; height:17px; border:1px solid #b7d1eb;}
div.selectbox-wrapper{overflow:hidden;width:81px;position: absolute;text-align:left;*margin-top:0;z-index:11;background:#fff;}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#36c}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:81px;cursor:pointer;line-height:20px;padding-top: 3px;font-size:12px;font-family:'微软雅黑';color:#666;}
div.selectbox-wrapper ul li.selected {background-color: #00a0d2;color:#fff;}
.selectbox{border:none;display:block;width:81px;background:none;text-indent:9px;cursor:pointer;height:35px;font-size:12px;font-family:'microsoft yahei';color:#00a0d2;line-height:35px;}
/* con1 */
.con1_bg1{width:100%;height:520px;margin:0 auto;overflow: hidden;background:url(../images/con1bg.jpg) center 0 repeat-y;}
.con1_bg2{width:100%;height:520px;margin:0 auto;overflow: hidden;background:url(../images/con1bg2.jpg) 0 0 repeat-x;}
.con1{width:980px;height:478px;margin:0 auto;overflow: hidden;background:#fff;position:relative}
.con1_img{display:block;margin:0 auto;}
.title1{position: absolute;left:389px;top:32px;}
.more1{display:block;background:url(../images/more1.jpg) 0 0 no-repeat;width:161px;height:38px;position: absolute;right:31px;top:65px;text-indent:13px;font:14px/38px "microsoft yahei";color:#fff;}
.con1_left{float:left;width:217px;padding:93px 0 0 20px;}
.con1_left a{display:block;width:217px;height:44px;background:url(../images/con1li1.jpg) 0 0 no-repeat;font:14px/44px "microsoft yahei";text-indent:29px;color:#fff;margin-bottom:2px;}
.con1_left a:hover{background:url(../images/con1li2.jpg) 0 0 no-repeat;}
.con1_left a.more2,.con1_left a.more2:hover{background:url(../images/more2.jpg) 0 0 no-repeat;}
.con1_right{float:right;width:663px;height:380px;padding:93px 31px 0 0;overflow: hidden;}
.con1_right li{width:221px;height:190px;float:left;overflow: hidden;position: relative}
.black_bg{width:198px;height:149px;position: absolute;left:0;bottom:42px;background:url(../images/colorbg.png) 0 0 repeat;overflow: hidden;display:none}
.black_bg p{width:158px;height:28px;margin:18px auto 4px;overflow: hidden;font:14px/28px "microsoft yahei";color:#ccc;}
.black_bg p a{color:#ccc;}
.black_bg div{width:158px;height:72px;font:14px/24px "microsoft yahei";color:#a8a8a8;overflow: hidden;margin:0 auto;}
/* con2 */
.con2{width:980px;height:376px;margin:30px auto 0;overflow: hidden;}
.con2_left{float:left;width:422px;height:376px;overflow: hidden;}
.con2_title1{width:422px;height:103px;position: relative;}
.con2_title1 a{display:block;position: absolute;background:url(../images/more1.jpg) 0 0 no-repeat;width:161px;height:38px;font:14px/38px "microsoft yahei";color:#fff;text-indent:13px;right:0;top:31px;}
.know_top{width:100%;height:94px;overflow: hidden;}
.know_date{float:left;background:url(../images/date.jpg) 0 0 no-repeat;width:86px;height:80px;text-align:center;overflow: hidden;}
.know_date span{font:700 30px/40px "microsoft yahei";padding-top:10px;display:block;color:#fff;}
.know_date p{font:16px/1 "microsoft yahei";color:#fff;}
.know_top_link{float:left;width:318px;height:22px;overflow: hidden;padding-left:16px;font:700 16px/22px "microsoft yahei";color:#2b2b2b;}
.know_top_link a{color:#2b2b2b}
.know_top_right{float:left;width:318px;padding-left:16px;height:52px;margin-top:8px;font:14px/26px "microsoft yahei";color:#888;overflow: hidden;}
.know_list{width:100%;height:144px;overflow: hidden;}
.know_list li{width:100%;height:32px;margin-bottom:4px;overflow: hidden;font:14px/32px "microsoft yahei";color:#484848;}
.know_list li a{color:#484848;display:block;width:100%;height:32px;}
.know_list li a:hover{background:#ebebeb}
.con2_right{float:right;width:490px;height:376px;overflow: hidden;}
.con2_title2{width:490px;height:104px;overflow: hidden;position: relative;}
.con2_title2 a{display:block;background:url(../images/more1.jpg) 0 0 no-repeat;width:161px;height:38px;font:14px/38px "microsoft yahei";color:#fff;position: absolute;right:0;top:31px;text-indent:13px;}
.con2_about{width:100%;height:224px;overflow: hidden;font:14px/28px "microsoft yahei";color:#5d5d5d;}
.con2_about img{float:left;margin-right:24px;}
/* con3 */
.con3{width:980px;height:382px;margin:0 auto;overflow: hidden;}
.con3_title{width:980px;height:112px;overflow: hidden;position: relative;}
.con3_title a{display:block;background:url(../images/more1.jpg) 0 0 no-repeat;width:161px;height:38px;font:14px/38px "microsoft yahei";color:#fff;position: absolute;right:31px;top:32px;text-indent:13px;}
.con3_list{width:988px;overflow: hidden;}
.con3_list li{width:247px;height:232px;float:left;overflow: hidden;}
.con3_list li p{width:228px;height:40px;font:14px/40px "microsoft yahei";color:#fff;background:#004379;text-align:center;overflow: hidden;margin-top:4px;}
.con3_list li p a{color:#fff;}
/* foot */
.links_bg{width:100%;background:#003a68;height:59px;overflow: hidden;}
.links{width:980px;height:59px;margin:0 auto;background:url(../images/links.jpg) 2px center no-repeat;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.links p{float:left;width:146px;text-align:right;font:700 18px/59px "microsoft yahei";color:#b3ddff}
.links a{float:left;font:14px/59px "microsoft yahei";color:#b3ddff;margin:0 7px;}
.foot_bg{width:100%;height:178px;background:#004379;overflow: hidden;}
.foot{width:980px;height:125px;margin:0 auto;position: relative;padding-top:52px;}
.foot_bottom{width:822px;overflow: hidden;}
.foot_bottom p{width:100%;font:14px/28px "microsoft yahei";color:#3073a9}
.foot_bottom p span{margin-right:12px;}
.foot_bottom p a{color:#3073a9}
#pgshare1 #bdshare a{background: url(../images/share.jpg) no-repeat scroll 0 0 transparent;margin-right:10px;min-height: 44px;min-width:44px;display:block;padding:0;float:left}
#pgshare1 #bdshare{background: url(../images/share.jpg) repeat-x scroll 0 -44px transparent;display: block;float: left;padding-bottom: 2px;text-align: left !important;z-index: 999999;}
#pgshare1 #bdshare .bds_tsina,#pgshare1 #bdshare a.bds_tsina:hover{background-position:0 0 !important;}
#pgshare1 #bdshare .bds_tqq,#pgshare1 #bdshare a.bds_tqq:hover{background-position:-48px 0 !important;}
#pgshare1{width:108px;height:44px;position: absolute;right:0;top:62px;}
/* subpage */
.subpage{width:980px;margin:18px auto;overflow: hidden;}
.left{float:left;height:auto;overflow: hidden;width:217px;}
.left_title1{background:url(../images/lefttitle1.jpg) 0 0 no-repeat;width:217px;height:64px;font:700 24px/60px "microsoft yahei";color:#fff;text-indent:70px;margin-bottom:13px;}
.left_title2{background:url(../images/lefttitle2.jpg) 0 0 no-repeat;width:217px;height:64px;font:700 24px/60px "microsoft yahei";color:#fff;text-indent:70px;margin-bottom:13px;}
.left_nav{width:217px;height:auto;overflow: hidden;margin-bottom:20px;}
.proOne a{display:block;width:217px;height:44px;background:url(../images/leftli1.jpg) 0 0 no-repeat;font:14px/44px "microsoft yahei";color:#000;margin-bottom:2px;text-indent:32px;}
.proOne a:hover{background:url(../images/leftli2.jpg) 0 0 no-repeat;color:#fff;}
.proTwo li a,.proTwo li a:hover{display:block;width:206px;height:42px;background:url(../images/icons1.jpg) 24px center no-repeat;font:14px/44px "microsoft yahei";color:#000;text-indent:44px;margin:0 auto;border-bottom:1px solid #dcdcdc}
.proTwo li a:hover{color:#16609c}
.proTwo ul{display: none}
.left_contact{width:217px;height:auto;overflow: hidden;font:14px/30px "microsoft yahei";color:#010101;}
.left_contact h2{font:700 18px/30px "microsoft yahei";color:#ffaf22;}
.left_contact h3{font:700 18px/30px "microsoft yahei";color:#bf1200;}
.right{float:left;width:712px;padding-left:32px;height:auto;overflow: hidden;}
.right_title{width:712px;background:url(../images/righttitle.jpg) 0 0 no-repeat;height:47px;overflow: hidden;}
.right_name{display:block;float:left;width:135px;height:47px;text-align:center;font:700 20px/47px "microsoft yahei";color:#fff;}
.right_title p{float:right;font:12px/47px "microsoft yahei";color:#000;padding-right:14px;}
.right_title p a,.right_title p span{color:#000;margin:0 6px;}
.right_con{width:710px;border:1px solid #cfcfcf;border-top:0;overflow: hidden;padding:15px 0;}
.right_con #tip{color:#484848;font: 16px/59px "microsoft yahei";}
.right_con #tip a{color: #19588b;}
.about{width:658px;margin:0 auto;font:14px/30px "microsoft yahei";color:#484848}
/* product */
.product{width:702px;overflow: hidden;padding-left:26px;}
.product li{width:234px;height:220px;overflow: hidden;float:left;}
.product li p{width:198px;height:40px;background:#004379;text-align:center;font:14px/40px "microsoft yahei";color:#fff;overflow: hidden;}
.product li p a{color:#fff;}
/* pages */
.pages{width:100%;clear:both;height: 60px;padding-top: 20px;text-align: center;}
.pages a {font: 14px/30px "microsoft yahei";color: #FFF;text-decoration:none;padding: 0px 10px;height: 28px;border: 1px solid #ccc;background: #ccc;display:inline-block;white-space:nowrap;margin: 0px 3px;}
.pages a:hover {background: #16609D;border: 1px solid #16609D;}
.pages .hover {background: #16609D;border: 1px solid #16609D;}
/* news */
.news{width:665px;margin:0 auto;height:auto;overflow: hidden;}
.news li{width:100%;height:38px;overflow: hidden;background:url(../images/icons1.jpg) 0 center no-repeat;text-indent:22px;color:#484848;font:14px/38px "microsoft yahei"}
.news li a{float:left;color:#484848;}
.news li span{float:right;}
.news li.none{margin-bottom:25px;}
/* honor */
.honor{width:665px;margin:0 auto;height:auto;overflow: hidden;}
.honor li{width:100%;height:172px;overflow: hidden;}
.honor_img{display:block;float:left;width:198px;height:149px;}
.honor li p{width:436px;float:left;height:42px;padding-left:28px;overflow: hidden;font:14px/42px "microsoft yahei";color:#484848;}
.honor li p a{color:#484848;}
.honor li div{float:left;width:436px;height:84px;overflow: hidden;padding-left:28px;font:14px/28px "microsoft yahei";color:#484848;}
/* book*/
.bookmain{width:650px;padding:0 10px;height:auto;font: 14px/30px 'microsoft yahei';color: #666;margin:0 auto;}
.bookmain div{font-size:12px}
.bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}
.book3{ width:550px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:570px; height:30px; float:left; color:rgb(30,54,1); padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1); text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.messagecol{ color:rgb(30,54,1);}
.admincol{ color:rgb(30,54,1); font-weight:bold;}
.admintimecol{ color:rgb(30,54,1); float:right; *margin-top:-17px;}
.message{width:500px;height:auto;float:left;padding-left:50px;color: #666;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:15px; line-height:15px; width:150px;}
.message li p.message_title{width:100px;height:25px;float:left;text-align:right;font-size:12px;line-height: 18px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:500px;height:150px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left;}
.message li p.message_sub input{float:left;width: 134px;height: 30px;display: block;border-radius: 5px;border: none;color: #fff;font-size: 16px;line-height: 30px;text-align: center;background: #16609D;border-bottom: 2px solid #003A68;cursor: pointer;}
.c_red{ color:#f00;}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}
/* view */
.about h1{width:100%;text-align:center;font:20px/36px "microsoft yahei";color:#000;}
.view_date{width:100%;text-align:center;font:12px/32px "microsoft yahei";color:#acacac;margin-top:-12px;}
.page{width:100%;height:56px;margin:10px auto;overflow: hidden;position: relative}
.page p{width:80%;float:left;height:28px;font:12px/28px "microsoft yahei";color:#6d6d6d;overflow: hidden;}
.page p a{color:#6d6d6d}
.page p a:hover,.back:hover{text-decoration: underline}
.back{position: absolute;right:0;font:12px/1 "microsoft yahei";color:#6d6d6d;top:22px;}
/* search */
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
/* product view 产品内页 */
.view_imgs{width:555px;height:500px;margin:20px auto;position:relative;background:#f7f7f7;}
.view_imgs .btn{position:absolute;width:15px;height:70px;top:422px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.view_imgs .prev{left:0;background:url(../images/view_left.png) no-repeat center center #bfbebe;}
.view_imgs #prevTop,.view_imgs #nextTop{display:none}
.view_imgs .next{right:0;background:url(../images/view_right.png) no-repeat center center #bfbebe;}
.view_imgs li{float:left;}
.view_imgs .prev:hover,.view_imgs .next:hover{background-color:#3e74ce}
.view_imgs .cf li{position:relative;color:#fff;}
.view_imgs .cf a{display:block;width:555px;height:416px;position:absolute;color:#fff;}
.view_imgs .picBox{height:416px;position:relative;overflow:hidden;}
.view_imgs .picBox ul{height:416px;position:absolute;}
.view_imgs .picBox li{width:555px;height:374px;}
.view_imgs .listBox{width:511px;height:71px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.view_imgs .listBox ul{height:71px;position:absolute;}
.view_imgs .listBox li{width:104px;height:71px;cursor:pointer;position:relative;}
.view_imgs .listBox li a{display:block;width:95px;height:71px;}
.view_imgs .listBox li img{width:95px;height:71px;}
.view_imgs .listBox .on img{width:89px;height:65px;border: 3px solid #3e74ce;}
.ol_width { width:580px;}

/* 浮动工具 */
#common-tool{margin-top:278px;position:absolute;top:78px;right:0;z-index:9999}
#common-tool ul{list-style:none}
#common-tool ul li{background: #09487D;margin:3px 0 0 0;_margin:0;*margin:0;width:40px;height:40px;overflow:hidden;}
#common-tool ul li a{display:block;padding:5px}
#common-tool ul li a:hover{background: #FFAF22;}
#common-top-ico{display:none}
.common-sweep-box{display:none;position:absolute;right:50px;top:3px;padding:5px;background:#FFF;border:1px solid #EEE;}
.common-sweep-box img{width:196px;height:196px;max-width: none;}